body {
  background-color: #fff;
}
/* 头部 */

.header {
  padding-top: .5rem;
  background-color: #21c893;
  z-index: 999;

}
.header .top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 2.3rem;


}
.header .top .fl_icon {
  width: 1.875rem;
  height: 1.875rem;
}

.header .top .fr_icon ul {
  display: flex;
}
.header .top .fr_icon li {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 .25rem;

}

.header .top .fr_icon li:nth-child(3) {
  margin-right: 0;
}
.header img {
  width: 1.3rem;
  height: 1.3rem;
}
/* 用户信息  */
.User {
  width: 100%;
  height: 100%;
  background-color: #21c893;
  color: #fff;
}
.user {
  display: flex;
  justify-content: space-between;
  align-items: center; 
  height: 5.3125rem;
  padding: 0 .9375rem;
}
.user .heads {
  display: flex;
  align-items: center; 

}
.user .img {
  overflow: hidden;
  width: 3.4375rem;
  height: 3.4375rem;
  background-color: red;
  border-radius: 50%;
}
.user .img img {
  width: 100%;
  height: 100%;
}
.user .userName {
  margin-left: .9375rem;
}   
.user_icon{
font-size: 13px;
border: 1px solid #fff;
padding: 0 5px;
} 
/* 权益 */
.Interest {
  width: 100%;
  height: 100%;
}
.interest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.4rem;
  background-color:#ddf7ea ; 
}
.interest .lv {
width: 2.075rem;
height: 1.25rem;
background-color: #2e3a36;
color: #fff;
line-height: 1.25rem;
text-align: center;
font-size: .875rem;
}
.interest .qy {
  font-size: .75rem;
  color: #000;

}
.interest .center {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  width: 60%;
  height: 100%;

  font-size: .75rem;
  color: #000;
}
.interest .center .jdt{
  position: relative;
  margin-top: .3125rem;
  width: 80%;
  height: .25rem;
  background-color: #fff;
  border-radius: .3125rem;
  overflow: hidden;
}
.interest .center .jdt .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-color: #21c893;
}

/* 信息栏目 */
.Xinxi {
  width: 100%;
  height: 100%;

}
.xinxi {
  width: 100%;
                 background-color: #fff;
  padding: 0 1.5625rem;
  box-sizing: border-box;
}
.xinxi .tablist ,.iconList{
  display: flex;
  width: 100%;
  height: 4rem;
  font-size: .875rem;
}
.xinxi .tablist li {
  display: flex;
  flex-direction: column;
  width: 25%;
  height: 100%;
  justify-content: center;
   align-items: center;
}
.xinxi .tablist li .num {
  font-weight: 700;
  font-size: 1.25rem;
}
.xinxi .iconList li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
}
.xinxi .iconList li .icon {
  width: 2.1875rem;
  height:  2.1875rem;
  background-color: rgb(98, 255, 0);
}
.xinxi .iconList li .icon img {
  width: 2.1875rem;
  height:  2.1875rem;
}
.xinxi .wenjuan {
  position: relative;
  width: 100%;
  height: 4rem;
  background-color: aqua;
}
.xinxi .wenjuan img {
  width: 100%;
  height: 100%;
}
/* 关闭有将问卷 */
.close {
  position: absolute;
  right: .9375rem;
  top: .625rem;
  width: .9375rem;
  height: .9375rem;
  line-height:.7675rem;
  text-align: center;
  color: #fff;
  background-color: rgb(86, 86, 86);
  border-radius: 50%;
}
/* 房产工具 */
.T_item {
  width: 100%;
  height: 100%;

}
.t_item {
  margin-top: 1.5625rem;
  width: 100%;
  padding: 0 .9375rem;
  box-sizing: border-box;
}
.t_item .ht {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: .625rem;
}
 .data {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: 8.5rem;

}
 .data li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 50%;
  font-size: .875rem;
}
 .data li .icon {
  width: 2.1875rem;
  height: 2.1875rem;

}
.data li .icon img {
  width: 100%;
  height: 100%;
}


